*{
    margin: 0;
    padding: 0;
    /* 必加，清除默认的内外边距 */
}
li{
    list-style: none;
    /* 先统一去掉序列前面的点 */
}
a{
    text-decoration: none;
    color: inherit;
    /* 先统一去掉a标签自带的下划线，颜色改为继承父元素的 */
}
h1,h2,h3,h4,h5,h6{
    font-weight: normal;
    font-size: 16px;
    /* 统一去掉h标签自带的字体加粗和加大 */
}
.header{
    height: 62px;
    /* 只量高度就行，宽度默认100%拉满 */
    background-color: #232323;
}
.h-left{
    width: 180px;
    height: 100%;
    /* 高度100% 继承父元素的高度 */
    float: left;
}
.h-left img{
    width: 100%;
    height: 100%;
    /* 图片适应块元素的宽高 */
}
.h-right{
    width: 800px;
    height: 100%;
    float: right;
}
.h-ul{
    height: 100%;
    line-height: 62px;
}
.h-ul>li{
    padding: 0 10px;
    float: right;
    font-size: 13px;
    color: white;
}
.h-ul>span{
    float: right;
}
.banner{
    font-size: 0;
    /* 清除图片下面的缝隙=》跟他的元素类型有关=》浏览器在读取的过程中
    按照四线三格去读取 */
}
.banner img{
    width: 100%;
}
.nav{
    height: 250px;
    background-color: #f5f5f5;
    padding: 50px 0;
}
.n-div{
    width: 251.5px;
    height: 100%;
    border-right: 1px solid #dde6f0;
    float: left;
    text-align: center;  
}
.nav img{
    margin-top: 20px;
}
.p-one{
    font-size: 24px;
    line-height: 44px;
    font-weight: bold;
}
.p-two{
    line-height: 32px;
}
.p-three{
    line-height: 1.5;
    color: #a3bccd;
    font-size: 12px;
}
.n-four{
    border-right: none;
    width: 252.5px;
}
.main{
    height: 220px;
    padding: 45px 0;
}
.m-left{
    width: 300px;
    height: 100%;
    background-color: #3c008c;
    float: left;
}
.m-cen{
    width: 334px;
    height: 100%;
    border-right: 1px solid gray;
    float: left;
    padding: 0 10px;
}
.m-cen-top{
    width: 100%;
    height: 109px;
    border-bottom: 1px dashed gray;
}
.m-cen-top>h2{
    font-size: 20px;
    font-weight: 500;
    line-height: 33px;
}
.top-one{
    font-size: 14px;
    line-height: 33px;
}
.top-two{
    color: #999999;
    height: 10px;
    font-size: 12px;
    text-indent: 25px;
}
.m-cen-bot{
    width: 100%;
    height: 110px;
}
.m-cen-bot ul li{
    font-size: 13px;
    line-height: 29px;
}


.m-rig{
    width: 315px;
    height: 100%;
    float: left;
    padding: 0 20px;
}
.m-rig p{
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
}
.m-rig img{
    height: 30px;
    margin-top: 20px;
}
.m-rig ul li{
    font-size: 13px;
    line-height: 20px;
}
.m-rig ul .m-rig-li{
    font-size: 23px;
    line-height: 60px;
}
.bottom{
    height: 155px;
    padding: 30px 0;
    background-color: #222222;
}

.bot-left{
    width: 494px;
    height: 100%;
    border-right: 1px solid gray;
    float: left;
}
.bot-left ul{
    width: 60px;
    padding-top: 10px;
    padding-right: 40px;
    float: left;
}
.bot-left ul li{
    font-size: 12px;
    color: gray;
    line-height: 25px;
}
.bot-left ul .bot-one{
color: rgb(233, 229, 229);
font-size: 12px;
line-height: 40px;
}

.bot-cen{
    width: 324px;
    height: 100%;
    border-right: 1px solid gray;
    float: left;
}
.bot-rig{
    width: 190px;
    height: 100%;
    float: left;
    text-align: center;
}
.bot-rig p{
    color: gray;
    font-size: 12px;
}
.footer{
    height: 45px;
    background-color: #101010;
    text-align: center;
    line-height: 45px;
    color: gray;
    font-size: 12px;
}

.contain{
    width: 1010px;
    height: 100%;
    margin: 0 auto;
}